import { Component } from 'vue'
import { MenuItemProps, MenuItemRegistered } from 'element-plus'
import { AnimateCssPropsType } from '@xtail/vue3'

export const MenuItemPropsType_Name = 'MenuItemPropsType'

export type MenuItemPropsType = Partial<MenuItemProps> & {
  // 菜单项图标组件
  icon?: Component
  // 菜单项图标组件 Props
  iconProps?: Record<string, any>
  // 菜单项标题
  title?: string | Component
  // 菜单项标题组件 Props
  titleProps?: Record<string, any>
  // 是否折叠收起菜单
  collapse?: boolean
  // 菜单标签动画组件 Props
  labelAnimateProps?: AnimateCssPropsType
  // 菜单项点击处理函数
  clickHandler?: (item: MenuItemRegistered) => void
}
